import { Bleed } from 'nextra/components'

# Introduction

**Nextra** is a [Next.js](https://nextjs.org) based static site generator.

It supports Markdown and React components ([MDX](/features/mdx)), automatically
generated [sidebar and anchor links](/get-started#sidebar-and-anchor-links),
file-system based routing, built-in syntax highlighting, image optimization,
custom layouts, i18n, and all the features you love about Next.js.

Here's what you will get in 1 minute:

<Bleed>![Nextra Example](/demo.png)</Bleed>
